<base href="<?php echo base_url();?>" />
<link rel="stylesheet" href="assets/style.css" type="text/css" media="screen"/>

<table>
	<thead>
	    <tr>
	      <th>ID</th>
	      <th>Beschreibung</th>
	      <th class="filter-false remove sorter-false">Bearbeiten</th>
	      <th class="filter-false remove sorter-false">Noten Skala</th>
	    </tr>
  	</thead>
	<tbody >
		<?php foreach ($noten as $row): ?>
	    <tr>
	        <td><?php echo $row['Code'];?></td>
	        <td><?php echo $row['Beschreibung'];?></td>
	        <td>
		        <?php $this->load->helper(array('form')); ?>
		    	<?php echo validation_errors(); ?>
				<?php echo form_open('noten_controller/validate_view')?>
				<input type="input" name="notencode" hidden="true" value=<?php echo $row['Code'];?>  />			
	        	<input class="art-button" type='submit' name='submit' value='Ändern' > 	       
	        </td>
	        </form>
	        <td>
	        	<?php $this->load->helper(array('form')); ?>
		    	<?php echo validation_errors(); ?>
				<?php echo form_open('notenskala_controller/notenskala_view')?>
				<input type="input" name="notencode" hidden="true" value=<?php echo $row['Code'];?>  />
	        	<input class="art-button" type='submit' name='submit' value='Noten Skala festlegen' > 
	        </td>
	 		</form>   
	    </tr>
		<?php endforeach; ?>
	</tbody>
</table>

<?php $this->load->helper(array('form')); ?>
<?php echo validation_errors(); ?>
<?php echo form_open('noten_controller/create_view')?>
	<input class="art-button" type='submit' name='submit' value='Neuer Noten Code' > 
	
<div id="pager" class="pager">
	<form>
		<img src="<?php echo base_url();?>assets/tablesorter/addons/pager/icons/first.png" class="first"/>
		<img src="<?php echo base_url();?>assets/tablesorter/addons/pager/icons/prev.png" class="prev"/>
		<input type="text" class="pagedisplay" disabled="disabled"/>
		<img src="<?php echo base_url();?>assets/tablesorter/addons/pager/icons/next.png" class="next"/>
		<img src="<?php echo base_url();?>assets/tablesorter/addons/pager/icons/last.png" class="last"/>
		<select class="pagesize">
			<option selected="selected"  value="10">10</option>
			<option value="5">5</option>
			<option value="30">30</option>
			<option  value="40">40</option>
		</select>
	</form>
</div>	
<script>
$(document).ready(function() 
    { 
        $("table").tablesorter({ 
        // pass the headers argument and assing a object 
 
        theme: 'green',
        widthFixed: true, 
        widgets: ['zebra','filter'] 
    })
    .tablesorterPager({container: $("#pager")});
    
    } 
); 
</script>